<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- History
		 对象可以用来操作浏览器向前或向后操作-->
		 <script type="text/javascript">
		 	
			   //可以获取当次访问链接的数量 只有这一次
				//alert(history.length);   //为什么加上window.onload就会一直弹出alert的内容
				window.onload=function()
				{
					var btn01=document.getElementById("btn01");
					var btn02=document.getElementById("btn02");
					btn01.onclick=function()
					{
						history.back();  //回退到上一个页面
					}
					btn02.onclick=function()
					{
						history.forward();  //前进到下一个页面
					}
					var btn03=document.getElementById("btn03");
					btn03.onclick=function()
					{
						history.go(3);  //前进2个页面
						 //history.go(-1);  //后退一个页面
						
					}
				}
			
		 </script>
	</head>
	<body>
		<h1>124history</h1>
		<button id="btn01">回退</button>
		<button id="btn02">前进</button>
		<button id="btn03">跳转</button>
		<a href="124.html">去124</a>
		<a href="125.html">去125</a>
	</body>
</html>